.outerNode{
  width: auto;
  height: auto;
  border: 1px dashed #ccc;
  position: absolute;
  padding: 3px 0px 5px 0px;
}
.node {
  width: 125px;
  min-height: 55px;
  margin: 0px 5px 0px 20px;
}
.node_design {
  border: 1px solid #f4f8da;
  #opacity: 0.8;
  filter: alpha(opacity=80);
  color: #444;
  font-family: tahoma;
  padding-top: 0.9em;
  font-size: 0.9em;
  text-align: center;
  background-color: white;
  cursor: move;
  box-shadow: 2px 2px 19px #aaa;
  -o-box-shadow: 2px 2px 19px #aaa;
  -webkit-box-shadow: 2px 2px 19px #aaa;
  -moz-box-shadow: 2px 2px 19px #aaa;
  z-index: 20;
}
.node_square{
  border-radius: 10px;
}
.circle_drop{
  float: right;
  cursor: pointer;
  top:-5px;
  left: -10px;
  /*position: relative;
  height: 18px;
  width: 18px;
  left: 15px;
  top: 35px;*/
}
.greenNode {
  border: 1px dotted #ccfecb;
  box-shadow: 2px 2px 19px #3a6312;
  -o-box-shadow: 2px 2px 19px #3a6312;
  -webkit-box-shadow: 2px 2px 19px #3a6312;
  -moz-box-shadow: 2px 2px 19px #3a6312;
}
.activeNode {
  border: 1px dotted #ff8e8e;
  box-shadow: 2px 2px 19px #ff0000;
  -o-box-shadow: 2px 2px 19px #ff0000;
  -webkit-box-shadow: 2px 2px 19px #ff0000;
  -moz-box-shadow: 2px 2px 19px #ff0000;
}
.hoverNode {
  border: 1px dotted #ec9f2e;
  box-shadow: 2px 2px 19px #ec9f2e;
  -o-box-shadow: 2px 2px 19px #ec9f2e;
  -webkit-box-shadow: 2px 2px 19px #ec9f2e;
  -moz-box-shadow: 2px 2px 19px #ec9f2e;
}
.hoverNodeWarning{
  
  border: 1px dotted #ff0000;
  box-shadow: 2px 2px 19px #ff0000;
  -o-box-shadow: 2px 2px 19px #ff0000;
  -webkit-box-shadow: 2px 2px 19px #ff0000;
  -moz-box-shadow: 2px 2px 19px #ff0000;
}
#canvas{
  width: 87%;
  height: 90%;
}
.lines{
  position: absolute;
  background-color: rgb(129, 184, 245);
  border-radius: 5px;
}
.vertical{
  width: 5px;
}
.horizontalMiddle{
  height: 5px;
}
/*Container of users droppable*/
.orgchartDeptUsers{
  height: 22px;
  width: 140px;
  border: 1px solid #ccc;
  float: left;
  margin-right: 5px;
}
.membersDepartmentAppend{
  float: left;
  min-height: 22px;
  width:100%;
}
.membersDepartmentAlign{
  float: left;
  min-height: 22px;
  width: 100%;
  border-bottom: 1px dashed #CCC;
}
  .membersDepartmentAlign:hover{
    background-color: #eeeeee;
  }
